﻿{% extends "Shared/_LayoutIndex.html" %}
{% block content %}

<style type="text/css">
    .background{background-color:#F2F2F2;}
    .border{border:1px solid #ccc;}
    .bottomline{border-bottom:1px solid #ccc;}
    /*按钮方案*/
    .nui-txt-link{padding:4px; text-decoration:none; cursor:pointer; border-radius:3px;}
    .nui-txt-link:hover{color:#fff; background-color:#4A5B79;}    
</style>


<script type="text/javascript">
    //添加用户
    var AddresseeArray = new Array();

    function CallbackSetUser(Data) {
        if (!ArrayExists(AddresseeArray, JSON.stringify(Data))) {
            AddresseeArray.push(JSON.stringify(Data));
            $("#AddresseeList").append('<a onclick="$(this).remove()" id="' + Data.id + '" class="nui-txt-link">' + Data.text + ';</a>');
        }
    }

    //选择用户
    function optionAddressee() {
        //Loading(true, "正在加载用户...");
        $(".optionTag").css('left', 12).css('top', 55).show();
        $('#iframe_optionTag').attr('src', '/Admin/FrameworkModules/MessageAdmin/OptionUser/');
    }
</script>

<form id="form1" style="margin: 1px;">
    <div class="background border" style="padding: 15px; padding-top: 0px; padding-bottom: 0px;">
        <div class="bottomline" style="">
            <table border="0" cellspacing="0" style="height: 30px; width: 100%">
                <tr>
                    <td valign="top" style="width: 60px; padding-top: 6px;">
                        <label><a title="点击添加收件人" class="nui-txt-link" onclick="optionAddressee()">收件人</a>：</label></td>
                    <td id="AddresseeList"></td>
                </tr>
            </table>
        </div>
        <div class="bottomline" style="height: 30px; line-height: 30px;">
            <label><a title="设置主题" class="nui-txt-link">主　题</a>：</label>            
            <label>
                <input id="Title" type="text" class="txt background" style="width: 92%; color: #000000;" datacol="yes" err="主　题" checkexpession="NotNull" />
            </label>
        </div>

        <div class="bottomline" style="height: 325px; line-height: 30px;">
            <textarea style="width:99%;height:95%;" class="txt01" id="MSGContent" name="MSGContent"></textarea>
        </div>

        <div style="height: 30px; line-height: 30px;">
            <label style="float: left;">发件人：{{ Addresser }}</label>
        </div>
    </div>
    
    <div class="optionTag" style="width: 260px; height: 385px;">
        <i></i>
        <span></span>
        <b title="关闭" onclick="$(this).parent().hide()"></b>
        <iframe id="iframe_optionTag" frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
    </div>
</form>
{% endblock %}